<%--
  Created by IntelliJ IDEA.
  User: hubin
  Date: 2016/6/15
  Time: 14:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="row-fluid" ms-controller="count">
    <!--人员-->
    <div class="span6">
        <div class="widget-box">
            <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                <h5>用户</h5>
            </div>
            <div class="widget-content nopadding">
                <table class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>用戶姓名</th>
                        <th>所在地</th>
                        <th>余额</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="odd gradeX" ms-for="el in @userItem">
                        <td>{{el.nickname}}</td>
                        <td>{{el.city}}
                        </td>

                        <td class="center"> {{el.money}}</td>
                        <td class="center">
                            <button class="btn btn-info btn-mini" ms-click="@cheakOder(el)">查看详细</button>
                        </td>
                    </tr>

                    </tbody>
                </table>
                <div
                        class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers">
                    <a
                            class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default"
                            ms-click="@firstPage()">首页</a>
                    <a
                            class="previous fg-button ui-button ui-state-default "
                            ms-click="@previousPage()">上一页</a>
        <span>
        <a
                class="fg-button ui-button ui-state-default">{{@pageCurrent}} / {{@pageTotle}}</a>

        </span>
                    <a
                            class="next fg-button ui-button ui-state-default" ms-click="@nextPage()">下一页</a>
                    <a
                            class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default"
                            ms-click="@lastPage()"
                    >尾页</a>
                </div>
            </div>
        </div>
    </div>
    <!--收入支出-->
    <div class="span6">
        <div class="widget-box">
            <div class="widget-title"><span class="icon"> <i class="icon-th"></i> </span>
                <h5>收入支出</h5>
            </div>
            <div class="widget-content nopadding">
                <table class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>类型</th>
                        <th>时间</th>
                        <th>金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="odd gradeX" ms-for="el in @Orderlist">

                        <td ms-if="el.incometype == '收入' "><span style="color: #ff5f38">{{el.incometype}}</span></td>
                        <td ms-if="el.incometype == '支出' "><span style="color: #89ff09">{{el.incometype}}</span></td>
                        <td>{{el.createtime | datetostring | date("yyyy-MM-dd HH:mm:ss")}}
                        </td>
                        <td>{{el.charges}}
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div
                        class="dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi ui-buttonset-multi paging_full_numbers">
                    <a
                            class="first ui-corner-tl ui-corner-bl fg-button ui-button ui-state-default"
                            ms-click="@OrderfirstPage()">首页</a>
                    <a
                            class="previous fg-button ui-button ui-state-default "
                            ms-click="@OrderpreviousPage()">上一页</a>
        <span>
        <a
                class="fg-button ui-button ui-state-default">{{@pageOrderCurrent}} / {{@pageOrderTotle}}</a>
        </span>
                    <a
                            class="next fg-button ui-button ui-state-default" ms-click="@OrdernextPage()">下一页</a>
                    <a
                            class="last ui-corner-tr ui-corner-br fg-button ui-button ui-state-default"
                            ms-click="@OrderlastPage()"
                    >尾页</a>
                </div>
            </div>

        </div>
    </div>

</div>
<!--图标-->
<div class="row-fluid">
    <div class="span12">
        <div class="widget-box">
            <div class="widget-title"><span class="icon"> <i class="icon-signal"></i> </span>
                <h5>收入支出比重</h5>
            </div>
            <div class="widget-content">
                <div class="pie"></div>
            </div>
        </div>
    </div>
</div>


